<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  layout:decorator="layout/base">
<head>
	<title>服务老师详情</title>
</head>

<body>

	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}"></span> - 服务老师详情</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">
		
						<div class="panel panel-default">
							<div class="panel-heading">
								<h6 class="panel-title">服务老师详情</h6>
								<div class="heading-elements panel-tabs">
									<ul class="nav nav-tabs nav-tabs-bottom">
										<li class="active"><a href="#panel-tab1" data-toggle="tab"><i class="position-left"></i>详情</a></li>
										<li><a href="#panel-tab2" data-toggle="tab"><i class="position-left"></i>下属渠道商</a></li>
										<li><a href="#panel-tab3" data-toggle="tab"><i class="position-left"></i>消费记录</a></li>
										<li><a href="#panel-tab4" data-toggle="tab"><i class="position-left"></i>提现列表</a></li>
									</ul>
			                	</div>
							</div>
							
							<div class="panel-tab-content tab-content">
								<div class="tab-pane active has-padding" id="panel-tab1">
									<div class="row">
										
										<input id="servantId" type="hidden" th:value="${servant.id}"></input>
									
										<div class="col-md-3">
											<div class="form-group">
												姓名：<span th:text="${servant.name}"></span>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-group">
												电话号码：<span th:text="${servant.mobile}"></span>
											</div>
										</div>
										
									</div>
									
								</div>

								<div class="tab-pane has-padding" id="panel-tab2">
									<table class="distributor-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>渠道商名称</th>
												<th>等级</th>
												<th>服务老师</th>
												<th>推荐渠道商</th>
												<th>电话号码</th>
												<th>总佣金</th>
												<th>已提佣金</th>
												<th>地址</th>
												<th>审核状态</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
									</table>
								</div>

								<div class="tab-pane has-padding" id="panel-tab3">
									<table class="cOrder-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>客户名称</th>
												<th>客户电话号码</th>
												<th>渠道商名称</th>
												<th>渠道商电话号码</th>
												<th>渠道商佣金</th>
												<th>服务老师名称</th>
												<th>服务老师佣金</th>
												<th>消费项目</th>
												<th>消费金额</th>
												<th>是否结算</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
										</tbody>
									</table>
								</div>
								
								<div class="tab-pane has-padding" id="panel-tab4">
									<table class="withDrawBook-datatable table datatable-basic table-striped table-hover">
										<thead>
											<tr class="bg-primary">
												<th>姓名</th>
												<th>类型</th>
												<th>提现金额</th>
												<th>提现状态</th>
												<th>持卡人姓名</th>
												<th>银行卡</th>
												<th>开户行</th>
												<th>创建时间</th>
											</tr>
										</thead>
										<tbody class="border-dashed">
											
										</tbody>
									</table>
								</div>
							</div>
						</div>

		<!-- /table -->
		<script type="text/javascript" th:src="@{/oss/js/teacherDetail.js}"></script>
	</div>
	<!-- /main content -->

</body>
</html>
